@import "stylus-px2rem";

// 宽高
.full-w 
 width 100%

.full-2 
  width 50%

.full-3 
  width 33.33%

.full-4 
  width 25%

.full-w-0
  width 0
  flex-grow 1

.full-w-0-g-1
  width 0
  flex-grow 1

.full-w-0-g-2
  width 0
  flex-grow 2

.full-w-0-g-3
  width 0
  flex-grow 3

.full-w-0-g-4
  width 0
  flex-grow 4

.half-full-w 
 width 100%

.full-h 
 height 100%

.half-full-h
 height 50%

// flex 布局
.row-normal
  display flex
  flex-direction row
  justify-content center
  align-items center

.row-normal-start
  display flex
  flex-direction row
  justify-content start
  align-items center

.row-normal-end
  display flex
  flex-direction row
  justify-content flex-end
  align-items center

.row-normal-align-start
  display flex
  flex-direction row
  justify-content center
  align-items flex-start

.row-normal-start-align-start
  display flex
  flex-direction row
  justify-content flex-start
  align-items flex-start

.row-normal-end
  display flex
  flex-direction row
  justify-content flex-end
  align-items center

.row-normal-wrap
  display flex
  flex-direction row
  justify-content center
  align-items center
  flex-wrap wrap

.row-normal-space-around-wrap
  display flex
  flex-direction row
  justify-content space-around
  align-items center
  flex-wrap wrap

.row-normal-space-between-wrap
  display flex
  flex-direction row
  justify-content space-between
  align-items center
  flex-wrap wrap


.column-normal
  display flex
  flex-direction column
  justify-content center
  align-items center

.column-normal-start
  display flex
  flex-direction column
  justify-content flex-start
  align-items center

.column-normal-align-start
  display flex
  flex-direction column
  justify-content center
  align-items flex-start

// flex 布局
.flex-grow-1
  flex-grow 1

.flex-shrink-1
  flex-shrink 1

.flex-shrink-0
  flex-shrink 0

// 内边距
.p-a-3
 padding 3px

.p-a-5
 padding 5px

.p-a-10
 padding 10px

.p-a-13
 padding 13px

.p-a-15
 padding 15px

.p-a-20
 padding 20px


.p-t-10 
 padding-top 10px

.p-b-10 
 padding-bottom 10px

.p-b-15
 padding-bottom 15px

.p-b-20 
 padding-bottom 20px

.p-l-10 
 padding-left 10px

.p-r-10 
 padding-right 10px

// 外边距
.m-a-10
  margin 10px

.m-l-2
  margin-left 2px

.m-l-3
  margin-left 3px

.m-l-5
  margin-left 5px

.m-l-10
  margin-left 10px

.m-l-30
  margin-left 30px

.m-t-2-5
  margin-top 2.5px

.m-t-5
  margin-top 5px !important

.m-t-10
  margin-top 10px

.m-t-15
  margin-top 15px

.m-t-20
  margin-top 20px

.m-r-5
  margin-right 5px

.m-r-10
  margin-right 10px

.m-b-2-5
  margin-bottom 2.5px

.m-b-5
  margin-bottom 5px

.m-b-10
  margin-bottom 10px

.m-b-20
  margin-bottom 10px

// 字体粗细
.font-bold
  font-weight bold

// 行高
.line-height-15
  line-height 15px

// 字体大小
.font-size-10
  font-size 10px
  line-height: 12px

.font-size-12
  font-size 12px

.font-size-13
  font-size 13px

.font-size-14
  font-size 14px

.font-size-28
  font-size 28px

.font-size-24
  font-size 24px

// 边框
.r-b
  border-radius:  50%

// 去除边框
.box-sizing-border
 box-sizing border-box;

// 滚动
.scroll-auto 
  overflow auto

.scroll-hidden 
  overflow hidden 

// 主题
.left-cell-title-color
  color rgb(117, 139, 174)

.left-trend-indicator-color
  color rgb(156,161,173)

// 不可选择
.selector-none {
  user-select: none;
}

// 鼠标样式
.cursor-pointer {
  cursor pointer
}

// 文字排列
.text-center
  text-align center

// 边框1
.libraryNormalBorder
  background-image linear-gradient(rgb(57,93,140) 0%,rgb(57,93,140) 100%), linear-gradient(to right,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%), linear-gradient(to right,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%);
  background-repeat repeat-y , no-repeat, no-repeat;
  background-size 1px 100%, 100% 1px, 100% 1px;
  background-position left ,top, bottom;


// 边框2
.libraryNormalBorder2
  background-image linear-gradient(rgb(57,93,140) 0%,rgb(57,93,140) 100%), linear-gradient(to top,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%), linear-gradient(to top,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%);
  background-repeat repeat-x , no-repeat, no-repeat;
  background-size 100% 1px,1px 100% , 1px 100% ;
  background-position bottom ,left, right;

// 边框3
.libraryNormalBorder3
  background-image linear-gradient(rgb(57,93,140) 0%,rgb(57,93,140) 100%), linear-gradient(to top,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%), linear-gradient(to top,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%),linear-gradient(to top,rgb(22,30,69) 0%,rgba(22,30,69,.6) 30%,rgba(22,30,69,0) 60%);
  background-repeat repeat-x , no-repeat, no-repeat, no-repeat;
  background-size 100% 1px,1px 100% , 1px 100% , 100% 100%;
  background-position bottom ,left, right;

  // 边框4
.libraryNormalBorder4
  background-image linear-gradient(rgb(57,93,140) 0%,rgb(57,93,140) 100%), linear-gradient(to right,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%), linear-gradient(to right,rgb(57,93,140) 0%,rgba(57,93,140,.6) 50%,rgba(57,93,140,0) 100%),linear-gradient(to right,rgb(22,30,69) 0%,rgba(22,30,69,.6) 30%,rgba(22,30,69,0) 60%);
  background-repeat repeat-y , no-repeat, no-repeat, no-repeat;
  background-size 1px 100%, 100% 1px, 100% 1px,100% 100%;
  background-position left ,top, bottom;

// 左下角到右上角渐变
.leftBottomToRightToLinear-gradient
  background: linear-gradient(45deg,rgb(20,28,65) 0%,rgba(20,28,65,0) 100%) top right;

// 发散阴影
addsShadow(x,y = x)
  background-color: rgb(17,23,54);box-shadow: 0 0 x y rgb(20,38,83);
.shadow-normal
  addsShadow(10px);

.shadow-normal-3
  addsShadow(3px);

.shadow-normal-1
  addsShadow(1px);

// 位置
.position-r
  position relative
